window.addEventListener("load", function() {
			const vm = new Vue({
				el: "body>article",
				data: {
					result: null,
					key: null,
					actionBtnDisabled: false
				},
				methods: {
					query: function(pageNo) {
						this.result=null;
						this.actionBtnDisabled = true;
						axios.get("/elder", {
							params: {
								key: this.key,
								pageNo: pageNo,
								pageSize: 10
							}
						}).then(function(resp) {
							if(resp.code === "ok") {
								vm.result = resp.data;
							}
						}).finally(function() {
							vm.actionBtnDisabled = false;
						});

					},
					getElderId:function(event){
						let elderId=event.target.value;
						window.sessionStorage.setItem("elderId",elderId);
						window.location="/view/checkin/list/relative-list.html";
					}
				},
				created:function(){
					this.query(1);
				}
			});

		});